opus.Gizmo({
	name: "productDetail",
	dropTarget: true,
	type: "Palm.Mojo.Panel",
	h: "100%",
	styles: {
		zIndex: 2
	},
	chrome: [
		{
			name: "scroller1",
			scrollPosition: {
				left: 0,
				top: 0
			},
			type: "Palm.Mojo.Scroller",
			l: 0,
			t: 51,
			h: "100%",
			styles: {
				cursor: "move",
				overflow: "hidden"
			},
			controls: [
				{
					name: "header",
					className: "truncating-text",
					label: "Product Detail",
					type: "Palm.Mojo.Header",
					l: 0,
					t: 0,
					styles: {
						oneLine: false
					}
				},
				{
					name: "group1",
					dropTarget: true,
					label: "Detail",
					type: "Palm.Mojo.Group",
					l: 0,
					t: 0,
					h: "auto",
					styles: {
						opacity: 1
					},
					controls: [
						{
							name: "row27",
							layoutKind: "hbox",
							dropTarget: true,
							rowType: "first",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							controls: [
								{
									name: "label1",
									label: "Name",
									type: "Palm.Mojo.Label",
									l: 0,
									w: "25%",
									t: 0,
									styles: {
										margin: "15",
										oneLine: true
									}
								},
								{
									name: "titleLbl",
									className: "raw-text",
									label: "",
									type: "Palm.Mojo.Label",
									l: 91,
									w: "75%",
									t: 0,
									styles: {
										textColor: "",
										textAlign: "right",
										oneLine: false,
										fontSize: "15px"
									}
								}
							]
						},
						{
							name: "row1",
							dropTarget: true,
							rowType: "middle",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 51,
							h: "52",
							styles: {
								oneLine: true
							},
							controls: [
								{
									name: "panel1",
									layoutKind: "hbox",
									dropTarget: true,
									type: "Palm.Mojo.Panel",
									l: 0,
									t: 0,
									h: "100%",
									controls: [
										{
											name: "label6",
											label: "description",
											type: "Palm.Mojo.Label",
											l: 0,
											w: "25%",
											t: 0,
											h: "100%",
											styles: {
												margin: "15",
												oneLine: true
											}
										},
										{
											name: "descLbl",
											ontap: "descLblTap",
											className: "raw-text",
											label: "click me",
											type: "Palm.Mojo.Label",
											l: 59,
											w: "75%",
											t: 0,
											h: "100%",
											styles: {
												underline: true,
												textAlign: "right",
												oneLine: false,
												textColor: "",
												fontSize: "16px"
											}
										}
									]
								}
							]
						},
						{
							name: "versionRow",
							layoutKind: "hbox",
							dropTarget: true,
							rowType: "middle",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 52,
							controls: [
								{
									name: "label2",
									label: "Version",
									type: "Palm.Mojo.Label",
									l: 0,
									w: "25%",
									t: 0,
									styles: {
										margin: "15",
										oneLine: true
									}
								},
								{
									name: "versionLbl",
									className: "raw-text",
									label: "",
									type: "Palm.Mojo.Label",
									l: 91,
									w: "75%",
									t: 0,
									styles: {
										textColor: "",
										textAlign: "right",
										oneLine: true,
										fontSize: "15px"
									}
								}
							]
						},
						{
							name: "vendorRow",
							layoutKind: "hbox",
							dropTarget: true,
							rowType: "middle",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 104,
							controls: [
								{
									name: "label3",
									label: "Vendor",
									type: "Palm.Mojo.Label",
									l: 0,
									w: "25%",
									t: 0,
									styles: {
										margin: "15",
										oneLine: true
									}
								},
								{
									name: "vendorLbl",
									className: "raw-text",
									label: "",
									type: "Palm.Mojo.Label",
									l: 91,
									w: "75%",
									t: 0,
									styles: {
										textColor: "",
										textAlign: "right",
										oneLine: true,
										fontSize: "15px"
									}
								}
							]
						},
						{
							name: "priceRow",
							layoutKind: "hbox",
							dropTarget: true,
							rowType: "middle",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 156,
							h: "52",
							controls: [
								{
									name: "label4",
									label: "Price",
									type: "Palm.Mojo.Label",
									l: 0,
									w: "25%",
									t: 0,
									styles: {
										margin: "15",
										oneLine: true
									}
								},
								{
									name: "priceLbl",
									className: "raw-text",
									label: "",
									type: "Palm.Mojo.Label",
									l: 91,
									w: "75%",
									t: 0,
									styles: {
										textColor: "",
										textAlign: "right",
										oneLine: true,
										fontSize: "15px"
									}
								}
							]
						},
						{
							name: "row31",
							layoutKind: "hbox",
							dropTarget: true,
							rowType: "last",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 208,
							h: "52",
							controls: [
								{
									name: "label5",
									label: "Rating",
									type: "Palm.Mojo.Label",
									l: 0,
									w: "25%",
									t: 0,
									styles: {
										margin: "15",
										oneLine: true
									}
								},
								{
									name: "ratingLbl",
									className: "raw-text",
									label: "N/A",
									type: "Palm.Mojo.Label",
									l: 91,
									w: "75%",
									t: 0,
									styles: {
										textColor: "",
										textAlign: "right",
										oneLine: true,
										fontSize: "15px"
									}
								}
							]
						}
					]
				},
				{
					name: "eduAttrGrp",
					dropTarget: true,
					label: "Info",
					type: "Palm.Mojo.Group",
					l: 0,
					t: 302,
					h: "auto",
					styles: {
						opacity: 1
					},
					controls: [
						{
							name: "row13",
							layoutKind: "hbox",
							dropTarget: true,
							rowType: "first",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							h: "100",
							controls: [
								{
									name: "label16",
									plane: "0",
									label: "Type",
									type: "Palm.Mojo.Label",
									l: 0,
									w: "25%",
									t: 0,
									h: "100",
									styles: {
										margin: "15",
										oneLine: true
									}
								},
								{
									name: "deliveryTypeLbl",
									className: "raw-text",
									label: "",
									type: "Palm.Mojo.Label",
									l: 91,
									w: "75%",
									t: 0,
									h: "100",
									styles: {
										textColor: "",
										textAlign: "right",
										oneLine: false,
										fontSize: "15px"
									}
								}
							]
						},
						{
							name: "row16",
							layoutKind: "hbox",
							dropTarget: true,
							rowType: "middle",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 156,
							h: "60",
							controls: [
								{
									name: "label22",
									label: "Level",
									type: "Palm.Mojo.Label",
									l: 0,
									w: "25%",
									t: 0,
									h: "60",
									styles: {
										margin: "15",
										oneLine: true
									}
								},
								{
									name: "courseLevelLbl",
									className: "raw-text",
									label: "",
									type: "Palm.Mojo.Label",
									l: 91,
									w: "75%",
									t: 0,
									h: "60",
									styles: {
										textColor: "",
										textAlign: "right",
										oneLine: false,
										fontSize: "15px"
									}
								}
							]
						},
						{
							name: "row17",
							layoutKind: "hbox",
							dropTarget: true,
							rowType: "last",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 208,
							h: "auto",
							controls: [
								{
									name: "label24",
									label: "Duration",
									type: "Palm.Mojo.Label",
									l: 0,
									w: "40%",
									t: 0,
									h: "50",
									styles: {
										margin: "15",
										oneLine: false
									}
								},
								{
									name: "courseDurationLbl",
									className: "raw-text",
									label: "",
									type: "Palm.Mojo.Label",
									l: 91,
									w: "60%",
									t: 0,
									h: "50",
									styles: {
										textColor: "",
										textAlign: "right",
										oneLine: true,
										fontSize: "15px"
									}
								}
							]
						}
					]
				},
				{
					name: "cartGrp",
					dropTarget: true,
					label: "Add to Selection",
					type: "Palm.Mojo.Group",
					l: 0,
					t: 302,
					h: "auto",
					controls: [
						{
							name: "attrListRow",
							layoutKind: "hbox",
							dropTarget: true,
							focusHighlight: false,
							tapHighlight: false,
							rowType: "first",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							h: "auto",
							controls: [
								{
									name: "attrList",
									dropTarget: true,
									items: [
										{
											item: 0,
											name: "Platform",
											choice: "x86"
										},
										{
											item: 1,
											name: "OS",
											choice: "redhat 5"
										},
										{
											item: 2,
											name: "SA version",
											choice: "SA 7.8"
										}
									],
									useSampleData: false,
									title: undefined,
									itemHtml: "<div class=\"palm-row\" x-mojo-tap-highlight=\"momentary\">\n  <div class=\"palm-row-wrapper textfield-group\">\n    <div class=\"label left\">#{name}</div>\n    <div class=\"form-value right\">#{choice}</div>\n  </div>\n</div>\n\n\n",
									onlisttap: "attrListListtap",
									type: "Palm.Mojo.List",
									l: 0,
									t: 0,
									h: 169,
									styles: {
										textAlign: "left",
										textColor: ""
									}
								}
							]
						},
						{
							name: "row7",
							dropTarget: true,
							rowType: "middle",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 228,
							h: "auto"
						},
						{
							name: "row2",
							dropTarget: true,
							rowType: "last",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 52,
							h: "auto",
							controls: [
								{
									name: "button2",
									ontap: "button2Tap",
									disabled: undefined,
									buttonClass: "affirmative",
									label: "Add To Selection",
									type: "Palm.Mojo.Button",
									l: 0,
									t: 0
								},
								{
									name: "requestBtn",
									ontap: "requestBtnTap",
									disabled: undefined,
									label: "request new package",
									type: "Palm.Mojo.Button",
									l: 0,
									t: 60
								}
							]
						}
					]
				},
				{
					name: "ratingGrp",
					dropTarget: true,
					label: "Rating",
					type: "Palm.Mojo.Group",
					l: 0,
					t: 781,
					h: "auto",
					controls: [
						{
							name: "row6",
							layoutKind: "hbox",
							dropTarget: true,
							rowType: "first",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							controls: [
								{
									name: "ratingSel",
									choices: [
										{
											label: "1 Poor",
											value: "20"
										},
										{
											label: "2 OK",
											value: "40"
										},
										{
											label: "3 Good",
											value: "60"
										},
										{
											label: "4 Great",
											value: "80"
										},
										{
											label: "5 Awesome",
											value: "100"
										}
									],
									labelPlacement: "left",
									type: "Palm.Mojo.ListSelector",
									l: 91,
									t: 0,
									h: "50",
									styles: {
										oneLine: true
									}
								}
							]
						},
						{
							name: "row12",
							dropTarget: true,
							rowType: "last",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 52,
							h: "auto",
							controls: [
								{
									name: "rateBt",
									ontap: "rateBtTap",
									disabled: undefined,
									buttonClass: "affirmative",
									label: "submit rating",
									type: "Palm.Mojo.Button",
									l: 0,
									t: 0
								}
							]
						}
					]
				},
				{
					name: "commentGrp",
					dropTarget: true,
					label: "Comments",
					type: "Palm.Mojo.Group",
					l: 0,
					t: 1144,
					h: "auto",
					controls: [
						{
							name: "row5",
							dropTarget: true,
							rowType: "first",
							isTextField: true,
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							h: "auto",
							styles: {
								oneLine: false
							},
							controls: [
								{
									name: "commentBox",
									multiline: true,
									hintText: "Put your comment here",
									type: "Palm.Mojo.TextField",
									h: "52"
								}
							]
						},
						{
							name: "row8",
							dropTarget: true,
							rowType: "middle",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 52,
							h: "auto",
							controls: [
								{
									name: "button4",
									ontap: "button4Tap",
									disabled: undefined,
									buttonClass: "affirmative",
									label: "Submit Comment",
									type: "Palm.Mojo.Button",
									l: 0,
									t: 0
								}
							]
						},
						{
							name: "row4",
							dropTarget: true,
							rowType: "last",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 52,
							h: "auto",
							controls: [
								{
									name: "button3",
									ontap: "button3Tap",
									disabled: undefined,
									label: "View Comments",
									type: "Palm.Mojo.Button",
									l: 0,
									t: 60
								}
							]
						}
					]
				},
				{
					name: "relatedGrp",
					dropTarget: true,
					focusHighlight: false,
					label: "Related Items",
					type: "Palm.Mojo.Group",
					l: 0,
					t: 710,
					h: "auto",
					controls: [
						{
							name: "relatedListRow",
							layoutKind: "hbox",
							dropTarget: true,
							ontap: "",
							focusHighlight: false,
							tapHighlight: false,
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							h: "auto",
							controls: [
								{
									name: "relatedList",
									dropTarget: true,
									items: [
										{
											nid: "0",
											title: "Oracle"
										},
										{
											nid: "1",
											title: "Mysql"
										}
									],
									useSampleData: false,
									title: undefined,
									itemHtml: "<div class=\"palm-row\" x-mojo-tap-highlight=\"momentary\">\n  <div class=\"palm-row-wrapper textfield-group\">\n    <div class=\"truncating-text\">\n      #{title}\n    </div>\n  </div>\n</div>\n",
									onlisttap: "relatedListListtap",
									swipeToDelete: false,
									reorderable: false,
									type: "Palm.Mojo.List",
									l: 0,
									t: 0,
									h: 113
								}
							]
						}
					]
				}
			]
		}
	]
});